@charset 'utf-8';

.bg {
    background: url("https://images.coralglobal.cn/picture/threeweb/2024-website-image/index_bg.png") no-repeat center/cover;
    overflow: hidden;
}

.icon-dh {
    color: #FF5967;
    font-size: 30px;
    margin-right: 11px;
}
.font-bg {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
.index_right_banner{
    position: relative;
    border-radius: 50%;
    padding-top:  60px;
    z-index: 0;
}
.font-bg .bg_con {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
}
.banner_titInde{
    animation-delay: .3s;
}
.banner_titInde1{
    margin-top: 14px;
    margin-bottom: 26px;
    animation-delay: .4s;
}
.index_peo1 {
    position: absolute;
    left: -50px;
    bottom: 39%;
    animation: appearAndDisappear 5s linear both infinite;


}
.index_peo2 {
    position: absolute;
    top: 30px;
    left: 180px;
    animation: appearAndDisappear 3s linear both infinite;

}
.index_peo3 {
    position: absolute;
    bottom: 30px;
    left: 70px;
    animation: appearAndDisappear1 5s linear both infinite;
}
@-webkit-keyframes currency_pic_icon_box3 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(15px);
    }

    100% {
        transform: translateX(0px);

    }
}
/* @-webkit-keyframes currency_pic_icon_box4 {
    0% {
        transform: translateY(8px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(8px);

    }
} */
/* @-webkit-keyframes currency_pic_icon_box5 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(8px);
    }

    100% {
        transform: translateY(0px);

    }
} */
@keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
/* .index-circle1{
    position: absolute;
    right: -50px;
    bottom: -50px;
} */
.index-circle2{
    position: absolute;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index:-1
}
/* .index-circle3{
    position: absolute;
    right: -100px;
    top: -150px;
} */
.index-circle3{
    position: absolute;
    left: -100px;
    bottom: 63px;
}
.index-circle1{
    position: absolute;
    right: 0;
    bottom: 0;
}
@keyframes orbit {
    from {
      transform: rotate(0deg) translateX(120px) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}
.index_right_banner .k1{
    position: absolute;
    right: -60px;
    bottom: 180px; 
    animation-delay: 1s;


}
.index_right_banner .k2{
    position: absolute;
    left: -40px;
    top: 14%;
    animation-delay: 1s;


}
.font-bg .bg_right {
    width: 668px;
    height: 506px;
    position: absolute;
    right: -108px;
    top: 84px;
    z-index: 0;
}

.sh_news {
    min-width: 1200px;
    margin: auto;
}
.sh_news h2 {
    font-size: 40px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #1C1F23;
    padding-top: 90px;
    padding-bottom: 60px;
    text-align: center;
    box-sizing: border-box;
}
/* 新闻资讯 */
.sh_news {
    background: url(https://images.coralglobal.cn/picture/threeweb/home_new_pic/news_bg.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 143px;
    box-sizing: border-box;
}

.swiper_news {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper_news .swiper-wrapper {
    display: flex;
    align-items: center;
}

.swiper_news .swiper-slide {
    width: 380px;
    height: 406px;
    background: #FEFBFA;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 17px 13px 0px #E8E4E4;
    border-radius: 6px;
    border: 2px solid #FFFFFF;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all 1s;
}

.news_swiper_b {
    padding: 20px 0;
    box-sizing: border-box;
}


.swiper_r {
    margin-left: auto;
}

.swiper_r .r_title {
    font-size: 16px;
    color: #1C1F23;
    line-height: 25px;
    /* width: 265px; */
    width: 100%;
    height: 47px;
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.swiper_r .r_tips {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #60646A;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 265px; */
    width: 100%;
}

.swiper_r .r_see {
    display: flex;
    align-items: center;
}

.swiper_r .r_see span:first-child {
    font-size: 14px;
    color: #FF5967;
}

.swiper_r .r_see span:last-child {
    margin-left: auto;
    font-size: 14px;
    color: #83868B;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.swiper_r .r_see .see_deta i {
    color: rgba(131, 134, 139, 1);
    font-size: 25px;
}

.swiper_r .r_see .see_new:hover {
    color: #FF5967;
}

.news_box {
    height: 506px;
    margin: auto;
    position: relative;
}

.swiper_news .swiper-slide .news_img1 {
    width: 100%;
    height: 214px;
    text-align: center;
    display: flex;
    align-items: center;
    /* display: block; */
}

.swiper_news .swiper-slide .news_img1 img {
    /* width: auto;
    height: 100%; */
    width: 100%;
    height: 214px;
}
.font-bg ,.font-bg .bg_con {
    width: 1100px!important;
    /* max-width:1300px!important ; */
}
/* .index_left_banner {
    padding-top: 150px;
} */
@media screen and (min-width: 1513px) {
    .news_box {
        width: 1200px;
    }
    .news-prev .swiper-button-prev {
        left: -74px;
    }
    .news-next .swiper-button-next {
        right: -74px;
    }
    
}

@media screen and (max-width: 1512px) {
    .news_box {
        width: 1100px;
    }

    .news-prev .swiper-button-prev {
        left: -48px;
    }

    .news-next .swiper-button-next {
        right: -48px;
    }

}

.sh_news1 .swiper-slide-active {
    height: 506px !important;
}

.sh_news1 .swiper-slide-active .news_img1 {
    height: 283px !important;
    transition: all 1s;
}

.sh_news1 .swiper-slide-active img {
    height: 214px !important;
    transition: all 1s;
}

.sh_news1 .swiper-slide-active .news_swiper_b {
    padding: 32px 0 !important;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}

.sh_news1 .swiper-button-next,
.sh_news1 .swiper-button-prev{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.sh_news1 .swiper-button-prev,#act-swiper .swiper-button-prev {
    background: #eeeeee url('https://images.coralglobal.cn/picture/threeweb/history/swiper_button_prev_icon.png') no-repeat center center;
}

.sh_news1 .swiper-button-next,#act-swiper .swiper-button-next {
    background: #eeeeee url('https://images.coralglobal.cn/picture/threeweb/history/swiper_button_next_icon.png') no-repeat center center;
}

.sh_news1 .swiper-button-prev:hover,#act-swiper .swiper-button-prev:hover {
    background: rgb(241, 63, 72) url('https://images.coralglobal.cn/picture/threeweb/history/swiper_button_prev_icon_hover.png') no-repeat center center;
}

.sh_news1 .swiper-button-next:hover,#act-swiper .swiper-button-next:hover {
    background: rgb(241, 63, 72) url('https://images.coralglobal.cn/picture/threeweb/history/swiper_button_next_icon_hover.png') no-repeat center center;
}
.sh_news1 .swiper-button-prev,.sh_news1 .swiper-button-next,.sh_news1 .swiper-button-prev:hover,.sh_news1 .swiper-button-next:hover {
    background-size: 18px;
}

#act-swiper .swiper-button-prev,#act-swiper .swiper-button-next,#act-swiper .swiper-button-prev:hover,#act-swiper .swiper-button-next:hover {
    background-size: 12px;
}




#act-swiper .swiper-button-next,
#act-swiper .swiper-button-prev  {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
#act-swiper .swiper-button-prev,#act-swiper .swiper-button-next {
    top: 63%!important;
}
#act-swiper .swiper-pagination-bullet-active{
    background: #ffffff
}
#act-swiper .swiper-pagination-bullet{
    width: 32px;
    height: 2px;
    border-radius: unset;
}
#act-swiper>.swiper-pagination-bullets,#act-swiper .swiper-pagination-custom,#act-swiper .swiper-pagination-fraction{
    bottom: 5px;
}
/* 支持平台 */
.plateform_con {
    width: 1200px;
    margin: auto;
    padding-bottom: 107px;
}

.plateform1_con {
    width: 100%;
    height: 345px;
    overflow: hidden;
}

.plateform1_con:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    pointer-events: none;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .8), rgba(244, 246, 248, 0) 15%, rgba(244, 246, 248, 0) 85%, rgba(255, 255, 255, .8) 100%);
    width: 100%;
    height: 100%;
}
.platform_index_box h2,.plateform_con h2{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #1C1F23;
    padding-top: 90px;
    text-align: center;
    box-sizing: border-box;    
}
.plateform_con h2{
    font-size: 40px;
}
.platform_index_box h2{
    font-size: 36px;    
}
.plateform_con p{
    font-size: 26px;
    font-family: PingFangSC, PingFang SC;
    color: #6E6E6E;
    padding-bottom: 52px;
    padding-top: 10px;
    text-align: center;
    box-sizing: border-box;    
}
.plateform1_con ul {
    padding: 0 15px;
    box-sizing: border-box;
}

.plateform1_con ul li {
    display: flex;
    height: 90px;
    margin-bottom: 30px;
    justify-content: space-between;
}

.plateform1_con ul li div {
    width: 178px;
    height:88px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    margin-bottom: 20px;
    background: url(https://images.coralglobal.cn/picture/threeweb/public_new_pic/plateform_hezuo1.png) no-repeat 0 0/1342px 743px;
}
.plateform1_con ul li .plate_agree1{
    background-position: 13px 30px;
}
.plateform1_con ul li .plate_agree2{
    background-position:-210px 27px;
 }
 .plateform1_con ul li .plate_agree3{
    background-position:-438px 30px;
 }
 .plateform1_con ul li .plate_agree4{
    background-position:-663px 24px;
 }
 .plateform1_con ul li .plate_agree5{
    background-position: -902px 27px;
 }
 .plateform1_con ul li .plate_agree6{
    background-position: -1140px 28px;
 }

 /* .plateform1_con ul li .plate_agree7{
    background-position: 41px -54px;
 } */
 .plateform1_con ul li .plate_agree8{
    background-position: -214px -59px;
 }
 .plateform1_con ul li .plate_agree9{
    background-position: -437px -60px;
 }
 .plateform1_con ul li .plate_agree10{
    background-position: -645px -62px;
 }
 .plateform1_con ul li .plate_agree11{
    background-position: -904px -62px;
 }
 .plateform1_con ul li .plate_agree12{
    background-position:-1141px -63px;
 }

 .plateform1_con ul li .plate_agree13{
    background-position:20px -141px;
 }
 .plateform1_con ul li .plate_agree14{
    background-position: -213px -146px;
 }
 .plateform1_con ul li .plate_agree15{
    background-position:-432px -140px;
 }
 .plateform1_con ul li .plate_agree16{
    background-position: -662px -143px;
 }
 .plateform1_con ul li .plate_agree17{
    background-position: -903px -144px;
 }
 .plateform1_con ul li .plate_agree18{
    background-position: -1143px -141px;
 }

.plateform1_con ul li .plate_agree19{
    background-position: 21px -233px;
 }
.plateform1_con ul li .plate_agree20{
    background-position:-191px -236px;
 }
.plateform1_con ul li .plate_agree21{
    background-position:-434px -236px;
 }
.plateform1_con ul li .plate_agree22{
    background-position:-555px -185px;
    background-size: 1100px 611px;
 }
.plateform1_con ul li .plate_agree23{
    background-position:-890px -237px;
 }
.plateform1_con ul li .plate_agree24{
    background-position:-1134px -238px;
 }

.plateform1_con ul li .plate_agree25{
    background-position:12px -316px;
 }
.plateform1_con ul li .plate_agree26{
    background-position:-188px -310px;
 }
.plateform1_con ul li .plate_agree27{
    background-position:-439px -310px;
 }
.plateform1_con ul li .plate_agree28{
    background-position:-567px -262px;
    background-size: 1141px 646px;
 }
.plateform1_con ul li .plate_agree29{
    background-position:-902px -311px;
 }
.plateform1_con ul li .plate_agree30{
    background-position: -1145px -309px;
 }

.plateform1_con ul li .plate_agree31{
    background-position:37px -392px;
 }
.plateform1_con ul li .plate_agree32{
    background-position:-199px -392px;
 }
.plateform1_con ul li .plate_agree33{
    background-position:-437px -389px;
 }
.plateform1_con ul li .plate_agree34{
    background-position:-667px -383px;
 }
.plateform1_con ul li .plate_agree35{
    background-position:-904px -385px;
 }
.plateform1_con ul li .plate_agree36{
    background-position: -970px -328px;
    background-size: 1141px 646px; 
}

.plateform1_con ul li .plate_agree37{
    background-position: 34px -475px;
 }
.plateform1_con ul li .plate_agree38{
    background-position: -184px -404px;
    background-size: 1141px 646px;
 }
 
.plateform1_con ul li .plate_agree40{
    background-position:-648px -463px;
 }
.plateform1_con ul li .plate_agree41{
    background-position:-874px -462px;
 }
.plateform1_con ul li .plate_agree42{
    background-position:-1135px -464px;
 }

.plateform1_con ul li .plate_agree43{
    background-position: 9px -483px;
    background-size: 1141px 646px;
 }
.plateform1_con ul li .plate_agree44{
    background-position:-225px -563px;
 }
.plateform1_con ul li .plate_agree45{
    background-position:-452px -566px;
 }
.plateform1_con ul li .plate_agree46{
    background-position:-667px -556px;
 }
.plateform1_con ul li .plate_agree47{
    background-position:-894px -453px;
    background-size: 1100px 611px;
 }
.plateform1_con ul li .plate_agree48{
    background-position: 6px -552px;
    background-size: 1141px 646px;
 }

.plateform1_con ul li .plate_agree49{
    background-position: -193px -550px;
    background-size: 1141px 646px;
 }
.plateform1_con ul li .plate_agree50{
    background-position: -390px -524px;
    background-size: 1100px 611px;
 }


.see_m{
    background: none!important;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 20px;
    color: #a8a1a1;
}

.bottom_plate {
    justify-content: unset !important;
}

.bottom_plate div {
    margin-right: 16px;
}

/* 服务平台 */
.platform_index_box{
    padding-bottom: 112px;
}
.platform_index_box>p{
    font-size: 26px;
    font-family: PingFangSC, PingFang SC;
    color: #42464C;
    padding-bottom: 40px;
    padding-top: 6px;
    text-align: center;
    box-sizing: border-box;    
}
.four_tab_flex{
    display: flex;
    justify-content: space-around;
    width: 1150px;
    margin: auto;
}
.four_tab_flex h5{
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    text-align: center;
}
.all_tab_style{
    width: 264px;
    height: 472px;
    border-radius: 19px;
    box-sizing: border-box;
    position: relative;
}
.one_tab>div,.two_tab>div{
    padding: 56px 31px 0;
}
.three_tab>div{
    padding: 56px 40px 0;
}
.four_tab>div{
    padding: 56px 50px 0;
}
.all_tab_style i{
    margin-right: 5px;
}
.one_tab{
    position: relative;
    background: linear-gradient(180deg, #FDF1F1 70%, #FFFCFC 100%);
    box-shadow: 0px 17px 23px 0px #EBEBEB;
    /* border-image: linear-gradient(180deg, rgba(255, 226, 226, 1), rgba(255, 255, 255, 1)) 2 2 round; */
    /* background-clip: padding-box; */
}

.one_tab p i{
    color: #FF5967;
}
.two_tab{
    background: linear-gradient( 180deg, #ECF3FF 70%, #FCFEFF 100%);
    box-shadow: 0px 2px 4px 0px #F7F7F7;
    /* border-image: linear-gradient(180deg, rgba(213, 228, 255, 1), rgba(255, 255, 255, 1)) 2 2 round; */
}
.two_tab p i{
    color: #596DFF;
}
.three_tab{
    background: linear-gradient( 180deg, #F2ECFF 70%, #FFFCFC 100%);
    box-shadow: 0px 2px 4px 0px #F7F7F7;
    /* border-image: linear-gradient(180deg, rgba(230, 219, 255, 1), rgba(255, 255, 255, 1)) 2 2 round; */
}
.three_tab p i{
    color: #9048FF;
}
.four_tab{
    background: linear-gradient( 180deg, #FFF0E8 70%, #FFFCFC 100%);
    box-shadow: 0px 2px 4px 0px #F7F7F7;
    /* border-image: linear-gradient(180deg, rgba(255, 223, 194, 1), rgba(255, 255, 255, 1)) 2 2 round; */
}
.four_tab p i{
    color: #FF832C;
}
.all_tab_style p{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #403838;
    margin-top: 19px;
    display: flex;
    align-items: center;
}
.all_tab_style a{
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 53px;
    background: #FFFFFF;
    border-radius: 0 0 19px 19px;
    font-size: 16px;
    color: #3B3B3B;
    padding:0 29px;
    box-sizing: border-box;
    /* background: #ffffff; */
    /* border: none; */
    z-index: 1;
    /* transition: background-color 1s ease-out; */

}
.all_tab_style a i{ 
    margin-left: auto;
    color: #3B3B3B;
}
.btn-15{
    position: relative;
}
.btn-15:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;  
    border-radius: 0px 0px 19px 19px;
    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
    7px 7px 20px 0px rgba(0,0,0,.1),
    4px 4px 5px 0px rgba(0,0,0,.1);
    transition: all 0.3s ease;
}
.btn-button1:after{
    background-color: #FF5967;
}
.btn-button2:after{
    background-color: #596DFF;
}
.btn-button3:after{
    background-color: #9048FF;
}
.btn-button4:after{
    background-color: #FF832C;
}
.btn-15:hover {
    color: #ffffff;
}
.btn-15:hover:after {
    left: 0;
    width: 100%;
}
/* .btn-15:active {
    top: 2px;
} */
.all_tab_style a:hover i{ 
    color: #ffffff;
}
.all_tab_style span{
    width: 98px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px 0px 19px 0px;
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
}
.one_tab span {
    background: linear-gradient( 171deg, #FF7630 0%, #FF5967 100%);
}
.two_tab span{
    background: linear-gradient( 178deg, #027CFD 0%, #082AFD 100%);
}
.three_tab span{
    background: #9048FF;
}
.four_tab span{
    background: #FF832C;
}
@keyframes appearAndDisappear {
    0% {
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    40% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    80% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes appearAndDisappear1 {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(0);
    }
    40% {
        transform: scale(0);
    }
    60% {
        transform: scale(0);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
.index_left_banner{
    position: relative;
    z-index: 1;
}
.platform_index{
    position: relative;
    z-index: 1;
}